.edit-store-page {
  min-height: 100vh;
  background: #f5f5f5;

  .custom-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #fff;
    box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.05);

    .nav-content {
      display: flex;
      align-items: center;
      height: 88rpx;
      padding: 0 24rpx;

      .nav-back {
        width: 68rpx;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 12rpx;

        &:active {
          opacity: 0.6;
        }

        .back-icon {
          width: 44rpx;
          height: 44rpx;
        }
      }

      .nav-title {
        flex: 1;
        text-align: center;
        font-size: 36rpx;
        font-weight: 600;
        color: #333;
      }

      .nav-placeholder {
        width: 68rpx;
      }
    }
  }

  .main-content {
    height: 100vh;
    padding: 0 24rpx 160rpx;
    box-sizing: border-box;
  }

  .section {
    background: #fff;
    border-radius: 20rpx;
    padding: 32rpx 28rpx;
    margin-bottom: 24rpx;
    box-shadow: 0 6rpx 20rpx rgba(0, 0, 0, 0.05);

    &:first-of-type {
      margin-top: 24rpx;
    }

    .section-title {
      font-size: 32rpx;
      font-weight: 600;
      color: #333;
      margin-bottom: 32rpx;
      padding-left: 16rpx;
      border-left: 6rpx solid #5cb85c;
    }

    .form-item {
      margin-bottom: 30rpx;

      &:last-child {
        margin-bottom: 0;
      }

      .label {
        display: block;
        font-size: 28rpx;
        color: #666;
        margin-bottom: 16rpx;
      }

      .input {
        width: 100%;
        height: 88rpx;
        font-size: 30rpx;
        color: #333;
        background: #f7f8fa;
        border-radius: 12rpx;
        padding: 0 24rpx;
        box-sizing: border-box;
        border: 1rpx solid transparent;
        line-height: 88rpx;

        &:focus {
          border-color: #5cb85c;
        }
      }

      .textarea {
        width: 100%;
        min-height: 180rpx;
        font-size: 30rpx;
        color: #333;
        background: #f7f8fa;
        border-radius: 12rpx;
        padding: 20rpx 24rpx;
        box-sizing: border-box;
        border: 1rpx solid transparent;

        &:focus {
          border-color: #5cb85c;
        }
      }

      &.textarea-item .label {
        margin-bottom: 12rpx;
      }

      &.readonly {
        .readonly-value {
          width: 100%;
          min-height: 80rpx;
          display: flex;
          align-items: center;
          background: #f7f8fa;
          border-radius: 12rpx;
          padding: 0 24rpx;
          font-size: 30rpx;
          color: #999;
        }
      }

      &.action-item {
        .location-info {
          display: flex;
          align-items: center;
          justify-content: space-between;
          background: #f7f8fa;
          border-radius: 12rpx;
          padding: 24rpx;
          box-sizing: border-box;

          .coordinate {
            font-size: 28rpx;
            color: #333;
            margin-right: 16rpx;
            flex: 1;
            word-break: break-all;
          }

          .choose-btn {
            background: #5cb85c;
            color: #fff;
            border-radius: 50rpx;
            padding: 0 30rpx;
            font-size: 28rpx;

            &::after {
              border: none;
            }
          }
        }
      }
    }

    .upload-item {
      margin-bottom: 40rpx;

      &:last-child {
        margin-bottom: 0;
      }

      .upload-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20rpx;

        .upload-label {
          font-size: 30rpx;
          color: #333;
          font-weight: 500;
        }

        .upload-tip {
          font-size: 24rpx;
          color: #999;
        }
      }

      .upload-box {
        background: #f7f8fa;
        border-radius: 16rpx;
        padding: 24rpx;
        position: relative;

        .preview-img {
          width: 100%;
          height: 340rpx;
          border-radius: 12rpx;
          background: #eaeaea;
          margin-bottom: 20rpx;
        }

        .upload-placeholder {
          height: 300rpx;
          border: 2rpx dashed #d6d8dc;
          border-radius: 12rpx;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          color: #999;

          .icon {
            font-size: 64rpx;
            line-height: 1;
            margin-bottom: 12rpx;
          }

          .text {
            font-size: 28rpx;
          }
        }

        .replace-btn {
          width: 100%;
          background: #5cb85c;
          color: #fff;
          border-radius: 12rpx;
          font-size: 28rpx;
          padding: 18rpx 0;

          &::after {
            border: none;
          }

          &:disabled {
            background: #c8c8c8;
          }
        }
      }
    }
  }

  .tips-section {
    .tips-title {
      font-size: 30rpx;
      color: #333;
      font-weight: 600;
      margin-bottom: 12rpx;
    }

    .tips-text {
      display: block;
      font-size: 26rpx;
      color: #999;
      line-height: 1.6;
    }
  }

  .bottom-btn-section {
    padding: 0 24rpx 40rpx;

    .save-btn {
      width: 100%;
      background: #5cb85c;
      color: #fff;
      border-radius: 50rpx;
      font-size: 32rpx;
      padding: 26rpx 0;
      border: none;

      &::after {
        border: none;
      }

      &:disabled {
        background: #9bd19b;
      }
    }
  }
}

